<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>index</title>
    <link href="./lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./fonts/font-awesome.min.css">
    <link rel="stylesheet" href="./less/index.css">
    <!--[if lt IE 9]>
    <script src="./lib/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="./lib/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!--------------顶部导航---------->
    <nav class="navbar navbar-fixed-top navbar-default-my">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    Menu
                    <a href="#" class="glyphicon glyphicon-menu-hamburger"></a>
                </button>
                <a class="navbar-brand" href="#">Start Bootstrap</a>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">HOME</a></li>
                    <li><a href="#">ABOUT</a></li>
                    <li><a href="#">SAMPLE POST</a></li>
                    <li><a href="#">CONTACT</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>


<!--banner-->
<div class="jumbotron">
    <div class="container">
        <h1>Clean Blog</h1>
        <hr>
        <p>A Clean Blog Theme by Start Bootstrap</p>
    </div>
</div>

<!--commit-area-->
<div class="container commit-area">
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2 col-md-10 commit_container">
            <!--commit---text-->
            <ul id="commit_cotainer"> </ul>
            <!--page-change-button-->
            <div class="my_btn clearfix">
                <a href="javascript:;" id="newer_btn" class="fl_l"><i class="glyphicon glyphicon-arrow-left"></i>&nbsp;NEWER</a>
                <a href="javascript:;" id="older_btn" class="fl_r">OLDER&nbsp;<i class="glyphicon glyphicon-arrow-right"></i></a>
            </div>
        </div>
    </div>
</div>

<!--seprate-line-->
<hr class="seprate-line">

<!--bottom-logo-->
<div class="bottom-logo">
    <a href="#" class="fa fa-twitter  fa-inverse"></a>
    <a href="#" class="fa fa-facebook  fa-inverse"></a>
    <a href="#" class="fa fa-github  fa-inverse"></a>
    <p>Copyright © Your Website 2016</p>
</div>




<script src="./lib/jquery/jquery.min.js"></script>
<script src="./lib/bootstrap/js/bootstrap.min.js"></script>
<script src="./lib/artTemplate/template.js"></script>
<script src = "./lib/bootstrap/jquery.bootstrap-autohidingnavbar.js"></script>
<script src="./lib/layer/layer.js"></script>
<script src="./js/myUrl.js"></script>
<script src="./js/index.js"></script>
<!--template-->
<script type="text/html" id = "template_commit">
    {{each list as v i }}
    <li id="{{v.id}}">
        <a href="#">
            <h2>{{v.title}}</h2>
            <p>{{v.excerpt}}</p>
            <p>
        </a>
        <p>
            Posted by <a href="#">{{v.user_id}}</a> on Fri Oct 07 2016
        </p>
    </li>
    {{/each}}
</script>
</body>
</html>